<template>
  <div class="user-list">
    <van-tabs>
      <van-tab title="学生未审核名单">
        <student></student>
      </van-tab>
      <van-tab title="老师未审核名单">
        <Teacher></Teacher>
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import { reactive, ref } from "@vue/reactivity";
import PullRefresh from "../Common/pull-refresh.vue";
import { onMounted } from "@vue/runtime-core";
import { getApprovalList, approvalStudent } from "../../network/axios";
import { Notify } from "vant";
import Student from "./content/Student.vue";
import Teacher from "./content/Teacher.vue";
export default {
  components: {
    PullRefresh,
    Student,
    Teacher,
  },
};
</script>

<style lang="scss" scoped>
.user-list {
  overflow-y: scroll;
  flex: 1;
  ::v-deep .van-tabs__line {
    width: 50% !important;
  }

  ::v-deep .van-tabs {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  ::v-deep .van-tabs__content {
    flex: 1;
    overflow-y: scroll;
  }
}
</style>
